<template>
  <van-cell center :title="name" :label="authorName + ' - ' + name">
    <van-icon @click="$router.push('/play/' + id)" color="#000" size="25" name="play-circle-o" />
  </van-cell>
</template>

<script>
export default {
  props: {
    name: {
      type: String,
      required: true
    },
    authorName: {
      type: String,
      required: true
    },
    id: {
      type: Number,
      required: true
    }
  },
  data () {
    return {

    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>

</style>
